// 通用样式文件
// 可以在各个组件中导入使用

export const commonStyles = {
    // 统一的按钮样式
    button: {
      height: '32px',
      fontSize: '14px',
      fontWeight: '400',
      borderRadius: '6px',
      display: 'inline-flex',
      alignItems: 'center',
      justifyContent: 'center'
    },
  
    // 主要按钮样式
    primaryButton: {
      height: '32px',
      fontSize: '14px',
      fontWeight: '500',
      borderRadius: '6px',
      display: 'inline-flex',
      alignItems: 'center',
      justifyContent: 'center'
    },
  
    // 危险按钮样式
    dangerButton: {
      height: '32px',
      fontSize: '14px',
      fontWeight: '400',
      borderRadius: '6px',
      display: 'inline-flex',
      alignItems: 'center',
      justifyContent: 'center',
      color: '#f5222d',
      borderColor: '#f5222d'
    },
  
    // 链接按钮样式
    linkButton: {
      height: '32px',
      fontSize: '14px',
      fontWeight: '400',
      padding: '4px 8px',
      display: 'inline-flex',
      alignItems: 'center',
      justifyContent: 'center'
    },
  
    // 小号按钮样式
    smallButton: {
      height: '24px',
      fontSize: '12px',
      fontWeight: '400',
      borderRadius: '4px',
      padding: '0 8px',
      display: 'inline-flex',
      alignItems: 'center',
      justifyContent: 'center'
    },
  
    // 大号按钮样式
    largeButton: {
      height: '40px',
      fontSize: '16px',
      fontWeight: '500',
      borderRadius: '8px',
      padding: '0 24px',
      display: 'inline-flex',
      alignItems: 'center',
      justifyContent: 'center'
    },
  
    // 表单项样式
    formItem: {
      marginBottom: '16px'
    },
  
    // 卡片样式
    card: {
      borderRadius: '8px',
      boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)'
    },
  
    // 表格样式
    table: {
      borderRadius: '8px',
      overflow: 'hidden'
    },
  
    // 模态框样式
    modal: {
      borderRadius: '8px'
    }
  };
  
  // Ant Design Button 组件的统一 props
  export const buttonProps = {
    // 默认按钮
    default: {
      style: commonStyles.button
    },
  
    // 主要按钮
    primary: {
      type: 'primary',
      style: commonStyles.primaryButton
    },
  
    // 危险按钮
    danger: {
      danger: true,
      style: commonStyles.dangerButton
    },
  
    // 链接按钮
    link: {
      type: 'link',
      style: commonStyles.linkButton
    },
  
    // 小号按钮
    small: {
      size: 'small',
      style: commonStyles.smallButton
    },
  
    // 大号按钮
    large: {
      size: 'large',
      style: commonStyles.largeButton
    }
  };
  
  // 使用示例：
  // import { commonStyles, buttonProps } from './styles/commonStyles';
  // 
  // // 方式1：直接使用样式
  // <Button style={commonStyles.button}>按钮</Button>
  // 
  // // 方式2：使用预定义的props
  // <Button {...buttonProps.primary}>主要按钮</Button>
  // <Button {...buttonProps.danger}>危险按钮</Button>